<template>
  <div id="" class="p10">
    <headerbox :headerTitle="'个人简介'" :headerRightTxt="'确定'" @headerRightEvent="headerRightEvent"></headerbox>
    <textarea name="name" class="summaryTextarea" v-model="summary"></textarea>
  </div>
</template>
<script>
export default {
  name: "",
  data: () => ({
    summary:'',
  }),
  methods: {
    // 保存简介
    headerRightEvent() {
      console.log(this.summary);
      this.$emit('summaryEvent',this.summary);
    }
  }
}
</script>
<style lang="scss" scoped>
.summaryTextarea{
  height: 200px;
  width: 96%;
  padding: 2%;
  resize: none;
  margin-top:40px;
  border:1px solid $borderColor;
}
</style>
